<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>About</title>
<link href="css/about.css" rel="stylesheet" type="text/css">
</head>

<body>
	<div id="wrapper">
		<div id="top">
			<div class="content">
				<a href="#">你好，请登录</a><a href="#">免费注册</a>|<a href="#">我的订单</a>|<a href="#">收藏夹</a>|<a href="#">消息</a>
			</div>
		</div>

		<div id="header">
			<div id="title">
				<h1>书虫之家</h1>
			</div>
			<div id="search">
				<form action="#" method="get">
					<input type="text" name="keyword" value="请输入你要查找的书籍" class="txt">
					<input type="submit" name="search" value="搜索" class="submit">
				</form>
			</div>
		</div>

		<div id="menu">
			<ul>
				<li><a href="index.html">首页</a></li>
				<li><a href="#">书城中心</a></li>
				<li><a href="rank.html">畅销榜单</a></li>
				<li><a href="#">阅读社区</a></li>
				<li><a href="about.html" class="selected">关于我们</a></li>
				<li><a href="problems.html">常见问题</a></li>
			</ul>
		</div>


		<div id="container">		
			<div id="main">
				<div id="sidebar" class="float_l">
					<div class="sidebar_box">
						<h2>分类</h2>
						<div class="content">
							<ul class="sidebar_list">
								<li><a href="novels.html">小说</a></li>
								<li><a href="#">文学</a></li>
								<li><a href="#">青春文学</a></li>
								<li><a href="#">传记</a></li>
								<li><a href="#">成功励志</a></li>
								<li><a href="#">管理</a></li>
								<li><a href="#">历史</a></li>
								<li><a href="#">哲学宗教</a></li>
							</ul>
						</div>
					</div>

					<div class="sidebar_box">
						<h3>新书上架</h3>
							<div class="box_d">
								<a href="1984.html"><img src="images/1984.jpg" alt="1984"></a>
								<h4><a href="1984.html">1984</a></h4><h5>[英]乔治·奥威尔</h5>
								<div class="cleaner"></div>
							</div>
							<div class="box_d">
								<a href="#"><img src="images/renjianshige.jpg" alt="人间失格"></a>
								<h4><a href="#">人间失格</a></h4><h5>[日]太宰治</h5>
								<div class="cleaner"></div>
							</div>
							<div class="box_d">
								<a href="#"><img src="images/huozhe.jpg" alt="活着"></a>
								<h4><a href="#">活着</a></h4><h5>[中]余华</h5>
								<div class="cleaner"></div>
						</div>
					</div>
				</div>

				<div id="content" class="float_r">

					<h1>书虫之家简介</h1>
						<p>书虫之家致力于为用户提供优质的书籍服务。我们的主要服务内容有书籍出售、转让、书籍分享论坛等等。您可以在这里选购书籍，也可以和其他书友共同分享读书的体会，相互探讨，增进交流。</p>

					<div class="box_l">
						<h3>经营特色</h3>
						<p>书虫之家致力于打造一个舒适的阅读环境。这里不仅只是网络商城，也是社群平台，您可以在这里购买自己想要的书籍，也可以浏览论坛，与其他书友互动交流。</p>
						<ul>
							<li><a href="#">购买书籍</a></li>
							<li><a href="#">分享论坛</a></li>
							<li><a href="#">二手交易</a></li>
						</ul>
					</div>

					<div class="box_r">
						<h3>发展规划</h3>
						<p>书虫之家致力于提供优质的书籍服务，主要内容有书籍出售、书籍分享论坛。您可以在这里选购书籍，也可以和其他书友共同分享阅读体会，增进交流。</p>
						<div class="button"><a href="#">更多</a></div>
					</div>
					<div class="cleaner"></div>
					<form>
						<h2>意见反馈</h2>
						<p>书虫之家致力于为您提供更好的服务，如果您有任何宝贵的留言或者建议，请在下方写出您的想法。</p>
						<textarea name="about" cols="58" rows="10"></textarea>
						<input type="button" value="提交" class="submit">
					</form>
					
				</div>
				<div class="cleaner"></div>
			</div>

			<div id="footer">
				Copyright &copy; 2019书虫之家 All Rights Reserved
			</div>
		</div>
	</div>
</body>
</html>
